<!-- PAGE CONTENT WRAPPER -->
<div class="page-content-wrap">

    <div class="row">
        <div style="background: #ffffff;">

            <form class="form-horizontal" name="addGTForm" novalidate>
                <div class="panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title"><strong>{{'新增题目' | dyLanguage}}</strong></h3>
                    </div>
                    <div class="panel-body panel-dialog">
                        <p>{{'请按照提示输入新增题目的基本信息。' | dyLanguage}}</p>

                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">{{'题目号' | dyLanguage}}</label>
                            <div class="col-md-6 col-xs-12">
                                <div class="input-group">
                                    <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                    <input type="number" class="form-control" ng-model="newTopic.itemCode" name="itemCode" required/>
                                </div>
                                <span class="help-block" ng-show="(addGTForm.itemCode.$untouched && !addGTForm.$submitted) || addGTForm.itemCode.$valid">{{'请输入题目的题号' | dyLanguage}}</span>
                                <div ng-show="(addGTForm.itemCode.$touched || addGTForm.$submitted ) && addGTForm.itemCode.$invalid">
                                    <span class="error-block" ng-show="addGTForm.itemCode.$error.required">{{'必须要输入题目的题号' | dyLanguage}}</span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 control-label">{{'题目类型' | dyLanguage}}</label>
                            <div class="col-md-6 col-xs-12">
                                <select class="form-control" cm-select options="gaugeTopicTypeOptions" required name="type"
                                        ng-options="gaugeTopicType as gaugeTopicType.name for gaugeTopicType in gaugeTopicTypeOptions" ng-model="newTopic.typeOption">
                                    <option value="">{{'请选择' | dyLanguage}}</option>
                                </select>
                                <span class="help-block" ng-show="(addGTForm.type.$untouched && !addGTForm.$submitted) || addGTForm.type.$valid">{{'请选择题目的类型' | dyLanguage}}</span>
                                <div ng-show="(addGTForm.type.$touched || addGTForm.$submitted ) && addGTForm.type.$invalid">
                                    <span class="error-block" ng-show="addGTForm.type.$error.required">{{'必须要选择题目的类型' | dyLanguage}}</span>
                                </div>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="col-md-3 col-xs-12 control-label">{{'内容' | dyLanguage}}</label>
                            <div class="col-md-6 col-xs-12">
                                <div class="input-group">
                                    <span class="input-group-addon"><span class="fa fa-pencil"></span></span>
                                    <input type="text" class="form-control" ng-model="newTopic.content" name="content" required/>
                                </div>
                                <span class="help-block" ng-show="(addGTForm.content.$untouched && !addGTForm.$submitted) || addGTForm.content.$valid">{{'请输入题目的内容' | dyLanguage}}</span>
                                <div ng-show="(addGTForm.content.$touched || addGTForm.$submitted ) && addGTForm.content.$invalid">
                                    <span class="error-block" ng-show="addGTForm.content.$error.required">{{'必须要输入题目的内容' | dyLanguage}}</span>
                                </div>
                            </div>
                        </div>


                    </div>
                    <div class="panel-footer" style="text-align: center;">
                        <button class="btn btn-danger" ng-click="cancel()"><i class="fa fa-times"></i>{{'取消' | dyLanguage}}</button>
                        <button class="btn btn-info" ng-click="submit()"><i class="fa fa-check"></i>{{'确定' | dyLanguage}}</button>
                    </div>
                </div>
            </form>

        </div>
    </div>

</div>
<!-- END PAGE CONTENT WRAPPER -->